<template>
<div class="app-container">
    <router-view />
  </div>
</template>

<script>
// import { show } from "@/config/mouse/show.js";
import userApi from "@/api/user.js";
import { thumbProps } from "element-plus";

export default {
  data() {
    return {
      user:  {
        username: '',
        password: '',
        confirmPassword: '' // 新增确认密码字段
      },
      labelSelect: "login",
      LogindialogVisible: false,
      avatarUrl: [],
      
    };
  },
  created() {
    // show();

  },
  methods: {

  },
  mounted() {

  },
};
</script>

<style>
html, body, #app {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* 禁止全局滚动 */
}

.app-container {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* 禁止容器滚动 */
}
/* 修复Element Plus布局样式 */
.el-container {
  height: 100vh !important;
}
.el-main {
  padding: 0 !important;
  height: calc(100vh - 60px) !important; /* 根据实际header高度调整 */
  overflow: auto !important; /* 只在内容溢出时显示滚动条 */
}

/* 修复main-content样式 */
.main-content {
  flex: 1;
  min-height: 0; /* 关键：修复flex布局滚动问题 */
  overflow: auto;
  position: relative;
}
</style>
